<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>聊天界面</title>
    <!-- 当登录页面没有sessionStorage,不能进行跳转，回到登录页面 -->
    <script>
      if (!sessionStorage.token) {
        window.location.replace("./login.html");
      }
    </script>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>

  <body>
    <div class="home-container">
      <div class="main-container flex">
        <div class="left-wrapper">
          <h2 class="left-title">
            柒柒的智能聊天机器人
            <span>(我的所有发言仅代表我自个儿，跟我主人无关喔！)</span>
          </h2>
          <div class="content-body">
            <!-- <div class="chat-container robot-container">
              <img
                src="https://img2.baidu.com/it/u=1006592210,3539228340&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                alt=""
              />
              <div class="chat-txt">
                你好哇！我是柒柒的智能机器人，非常欢迎你的到来，有什么想和我聊聊的吗？
              </div>
            </div>
            <div class="chat-container avatar-container">
              <img
                src="https://img2.baidu.com/it/u=4060718266,4183768896&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=400"
                alt=""
              />
              <div class="chat-txt">你好</div>
            </div> -->
          </div>
          <div class="left-footer">
            <textarea
              placeholder="在这里输入要发送的消息"
              class="input-container"
              name=""
              id=""
              cols="30"
              rows="10"
            ></textarea>
            <div class="handle-container">
              <div class="clear btn">清除</div>
              <div class="send-btn btn">发送</div>
              <div class="arrow-container"></div>
              <div class="select-container">
                <div type="enter" class="select-item on">按Enter键发送</div>
                <div type="ctrlEnter" class="select-item">
                  按Ctrl+Enter键发送
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="right-wrapper">
          <div class="close">&times;</div>
          <div class="user-info">
            <img src="./img/avtar.jpeg" alt="" srcset="" />
            <span class="nick-name">猜猜我是谁</span>
          </div>
          <div class="user-description">
            <div class="level-container">
              <span class="label">账户名:</span>
              <span class="account-name">Dylan</span>
            </div>
            <div class="level-container">
              <span class="label">最后登录时间:</span>
              <span class="login-time">2022年5月1日</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="./js/http.js"></script>
  <script src="./js/index.js"></script>
</html>
